.mt10 {
  margin-top: 2.667vw;
}

.mt15 {
  margin-top: 4vw;
}

.mt20 {
  margin-top: 5.333vw;
}

.recommend {
  margin-top: 4.267vw;
  justify-content: space-between;
}

.recommend-img {
  display: block;
  width: 44vw;
  height: 24.533vw;
  background-color: #d8d8d8;
  border-radius: 2.667vw;
}

.w343 {
  width: 91.467vw;
  height: 37.333vw;
}

.h116 {
  height: 116px;
}

.hot-modules {
  justify-content: space-between;
  margin-top: 5vw;
  padding-bottom: 5.333vw;
}

.hot-modules > a {
  /* flex: 1; */
}

.hm-img {
  display: block;
  margin: 0 auto;
  width: 8.533vw;
  height: 8.533vw;
}

.hm-title {
  margin-top: 2.667vw;
  color: #333;
}

.swipe-app-list {
  padding-left: 2.133vw;
  overflow: auto;
}

.swipe-app-list::-webkit-scrollbar {
  display: none;
}

.swipe-app-list > a {
  margin-right: 2.133vw;
  width: 19.2vw;
}

.sa-img {
  width: 14.4vw;
  height: 14.4vw;
  border-radius: 2.133vw;
}

.sa-name {
  width: 19.2vw;
  margin: 2.133vw auto 0;
}

.sa-btn {
  display: block;
  margin: 2.133vw auto 0;
  width: 11.2vw;
  background-image: linear-gradient(90deg, #64c8f7 0%, #526ef9 100%);
  line-height: 5.333vw;
  border-radius: 1.067vw;
  color: #fff;
}

.app-list {
  /* margin-top: 2.667vw; */
}

.app-item {
  align-items: center;
  width: 100%;
}

.app-item:not(:last-child) .app-main {
  border-bottom: solid 1px #eeeeee;
}

.app-img {
  margin-right: 2.667vw;
  width: 14.4vw;
  height: 14.4vw;
  background-color: #d8d8d8;
  border-radius: 2.667vw;
}

.app-main {
  padding: 6vw 0;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  height: 14.4vw;
}

.app-name-des {
  width: 50vw;
  height: 14.4vw;
  flex-direction: column;
  justify-content: space-between;
}

.app-des {
  color: rgba(102, 102, 102, 0.66);
}

.app-dl-btn {
  display: block;
  width: 15.467vw;
  line-height: 8vw;
  background-image: linear-gradient(90deg, #64c8f7 0%, #526ef9 100%);
  border-radius: 1.067vw;
  color: #fff;
}

.hot-spots {
  flex-wrap: wrap;
  justify-content: space-between;
}

.hs-item {
  flex-direction: column;
  justify-content: space-between;
  padding: 4vw;
  width: 43.467vw;
  height: 18.667vw;
  /* background-color: #fdf7ed; */
  border-radius: 2.667vw;
}

.hi-img {
  top: 0;
  left: 0;
  display: block;
  width: 43.467vw;
  height: 18.667vw;
  z-index: -1;
  border-radius: 2.667vw;
}

.hs-item:nth-child(1) {
  margin-bottom: 4.267vw;
  /* background: url(../../images/@3xyouxi-2.png) center no-repeat;
  background-size: 100%; */
}

.hs-item:nth-child(2) {
  margin-bottom: 4.267vw;
  /* background: url(../../images/@3xiconfontyouxihudong-2.png) center no-repeat;
  background-size: 100%; */
}

/* .hs-item:nth-child(3) {
  background: url(../../images/@3xyingyong.png) center no-repeat;
  background-size: 100%;
}

.hs-item:nth-child(4) {
  background: url(../../images/@3xdrgspingtairuanjianxitong28.png) center no-repeat;
  background-size: 100%;
} */

.hot-tags {
  padding-bottom: 2.667vw;
}

.hot-tags > a {
  margin: 0 1vw 2.667vw 0;
  padding: 0 1.667vw;
  color: #fff;
  display: inline-block;
  line-height: 9.067vw;
  height: 9.067vw;
  border-radius: 4.533vw;
}

.hti {
  display: inline-block;
  max-width: 16vw;
}

.bcee7394 {
  background-color: #ee7394;
}

.bc62c7a4 {
  background-color: #62c7a4;
}
.bcf4c24e {
  background-color: #f4c24e;
}
.bc7fa3e8 {
  background-color: #7fa3e8;
}
.bc4cb0be {
  background-color: #4cb0be;
}
.bcee7394 {
  background-color: #ee7394;
}
.bcb86ac6 {
  background-color: #b86ac6;
}
.bcc1d443 {
  background-color: #c1d443;
}
.bcf7c040 {
  background-color: #f7c040;
}
.bc7fa3e8 {
  background-color: #7fa3e8;
}
.bc4cb0be {
  background-color: #4cb0be;
}

.wyrb {
  margin-top: 1.067vw;
  padding-top: 1.667vw;
  height: 52.533vw;
  background: url(../../images/@3xwt.png) center no-repeat;
  background-size: 100%;
}

.wyrb-title {
  display: inline-block;
  line-height: 11.733vw;
}

/* .wyrb-title::after {
  margin: 0 auto;
  display: block;
  content: '';
  width: 11.2vw;
  height: 0.8vw;
  background-color: #ffffff;
  border-radius: 0.533vw;
} */

.wyrb-list {
  overflow: auto;
  padding-top: 2.333vw;
  padding-left: 6.4vw;
}

.wyrb-list > a {
  overflow: visible;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
  margin-right: 4.8vw;
  padding: 2.667vw 2.267vw 0;
  position: relative;
  width: 22.933vw;
  height: 36vw;
  background-color: #fff;
  border-radius: 2.133vw;
}

.wyrb-index {
  top: -0.8vw;
  left: -2.4vw;
  width: 4.8vw;
  height: 6.667vw;
  color: #fff;
  line-height: 4.8vw;
}

.wyrb-list > a:nth-child(1) .wyrb-index {
  background: url(../../images/@3xpm1.png) center no-repeat;
  background-size: 100%;
}
.wyrb-list > a:nth-child(2) .wyrb-index {
  background: url(../../images/@3xpm2.png) center no-repeat;
  background-size: 100%;
}
.wyrb-list > a:nth-child(3) .wyrb-index {
  background: url(../../images/@3xpm3.png) center no-repeat;
  background-size: 100%;
}
.wyrb-list > a .wyrb-index {
  background: url(../../images/@3xpm4.png) center no-repeat;
  background-size: 100%;
}

.sub-list {
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 4.267vw;
}

.sub-list > a {
  margin-bottom: 4.267vw;
}

.sli-img {
  display: block;
  width: 44.8vw;
  height: 26.667vw;
  background-color: #d8d8d8;
  border-radius: 1.6vw;
}

.sli-name {
  margin-top: 2.667vw;
  width: 44.8vw;
}

.map-list > li {
  padding-top: 6vw;
}

.ml-l {
  width: 21.867vw;
}

.mll-img {
  width: 9.067vw;
  height: 9.067vw;
}

.mll-name {
  margin-top: 1.333vw;
}

.ml-cutline {
  margin-top: 0.7vw;
  width: 0.267vw;
  height: 19.2vw;
  background-color: #dedede;
}

.ml-r {
  flex: 1;
  flex-wrap: wrap;
}

.ml-r > a {
  position: relative;
  margin-bottom: 4.267vw;
  width: 33.33%;
  /* line-height: 9.6vw; */
  color: #666;
}

.ml-r > a:not(:last-child)::after {
  position: absolute;
  top: 0;
  right: -0.267vw;
  display: inline-block;
  content: '';
  width: 0.267vw;
  height: 4vw;
  background-color: #dedede;
}

.top-tab-menu {
  line-height: 10.667vw;
  color: #2b2d30;
  border-bottom: solid 1px #f0f3f5;
}

.top-tab-menu > a {
  flex: 1;
}

.top-tab-menu > a.cur {
  font-size: 4.267vw;
  font-weight: bold;
}

.top-tab-menu > a.cur::after {
  content: '';
  display: block;
  margin: 0 auto;
  width: 5.333vw;
  height: 0.8vw;
  background-color: #0f89c7;
  border-radius: 0.533vw;
}

.side-tab-menu {
  overflow: auto;
  width: 22.4vw;
  height: calc(100vh - 23.2vw);
  background-color: #f0f3f5;
  color: #2b2d30;
  line-height: 13.867vw;
}

.side-tab-menu > a {
  display: block;
  position: relative;
  color: #2b2d30;
}

.side-tab-menu > a.cur {
  font-weight: bold;
  color: #0f89c7;
  background-color: #fff;
}

.side-tab-menu > a.cur::before {
  content: '';
  position: absolute;
  top: 4.533vw;
  left: 0;
  width: 1.067vw;
  height: 4.8vw;
  background-color: #0f89c7;
  border-radius: 3.467vw;
}

.tab-main {
  overflow: auto;
  flex: 1;
  height: calc(100vh - 23.2vw);
}

.app-group-list {
  padding: 5.8vw 0;
}

.app-group-title {
  height: 6.9335vw;
}

.app-group {
  padding: 0 2.133vw;
  flex-wrap: wrap;
}

.app-group > a {
  width: 25%;
  margin-bottom: 4.8vw;
}

.inner-tab {
  line-height: 13.867vw;
}

.inner-tab > a {
  padding-left: 4.267vw;
  flex: 1;
  color: #666666;
}

.inner-tab > a.cur {
  color: #2b2d30;
  font-weight: bold;
}

.inner-tab > a.cur::after {
  margin-left: 1.333vw;
  content: '';
  display: block;
  width: 5.333vw;
  height: 0.533vw;
  background-color: #0f89c7;
  border-radius: 0.533vw;
}

.app-list-recommend .app-name-des {
  width: 36vw;
  height: 14.4vw;
}

.syyy {
  flex-direction: column;
  justify-content: space-between;
  padding: 4.267vw;
  height: 37.333vw;
  background-image: linear-gradient(
          126deg,
          #212e59 0%,
          #0c1b4b 100%,
          #2e8de6 100%
  );
  border-radius: 2.133vw;
}

.syyy-num {
  margin-top: 4.267vw;
}

.syyy-bottom {
  justify-content: space-between;
  align-items: center;
}

.syyy-imgs img {
  margin-left: 1.067vw;
  /* display: block; */
  width: 7.2vw;
  height: 7.2vw;
  border-radius: 1.6vw;
  border: solid 1px #fff;
}

.phb-list > .syyy {
  margin-bottom: 2.667vw;
}

.phb-list > .syyy:nth-child(5n + 1) {
  background-image: linear-gradient(
          126deg,
          #8fb086 0%,
          #c9b768 100%,
          #2e8de6 100%
  );
}

.phb-list > .syyy:nth-child(5n + 2) {
  background-image: linear-gradient(
          126deg,
          #a192ab 0%,
          #ad80a2 100%,
          #2e8de6 100%
  );
}

.phb-list > .syyy:nth-child(5n + 3) {
  background-image: linear-gradient(
          128deg,
          #3d499b 0%,
          #5b85b2 100%,
          #4a9ce7 100%
  );
}

.phb-list > .syyy:nth-child(5n + 4) {
  background-image: linear-gradient(
          126deg,
          #399f99 0%,
          #478753 100%,
          #2e8de6 100%
  );
}

.phb-list > .syyy:nth-child(5n + 5) {
  background-image: linear-gradient(
          126deg,
          #b27c4a 0%,
          #bf603c 98%,
          #2e8de6 100%
  );
}

.phbz-wrap {
  margin-bottom: 4vw;
  justify-content: space-between;
}

.phbz-item {
  width: 44.533vw;
  height: 42.4vw;
  color: #fff;
  border-radius: 2.133vw;
}

.phbz-item-l {
  background-image: linear-gradient(180deg, #988a82 0%, #936a55 100%);
}

.phbz-item-r {
  margin-bottom: 10px;
  background-image: linear-gradient(180deg, #6b7189 0%, #42616e 100%);
}

.phbz-title {
  margin: 6.933vw auto 0;
  width: 40vw;
  overflow: hidden;
  white-space: nowrap;
}

.phbz-num {
  margin-top: 2.133vw;
}

.phbz-imgs {
  margin: 6.667vw 2.667vw 0;
  justify-content: space-between;
}

.phbz-imgs img {
  width: 11.467vw;
  height: 11.467vw;
  border-radius: 1.6vw;
}

.tab-head {
  line-height: 14vw;
  border-bottom: solid 1px #f5f5f5;
}

.tab-head > li:not(:first-child) {
  margin-left: 8vw;
}

.tab-head > li.cur {
  font-weight: bold;
}

.tab-head > li.cur::after {
  display: block;
  margin: 0 auto;
  content: '';
  width: 5.333vw;
  height: 0.8vw;
  background-color: #0f89c7;
  border-radius: 2.133vw;
}

.topic-list {
  padding-top: 5.333vw;
}

.topic-list > a {
  display: flex;
}

.topic-list > a:not(:first-child) {
  display: flex;
  margin-top: 8vw;
}

.tl-imgs {
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: space-between;
  padding: 1.333vw;
  width: 21.333vw;
  height: 21.333vw;
  border-radius: 2.133vw;
  border: solid 1px #eeeeee;
}

.tl-imgs > img {
  width: 8.8vw;
  height: 8.8vw;
  background-color: #d8d8d8;
  border-radius: 1.067vw;
}

.tl-stack-imgs {
  width: 30.667vw;
}

.tl-stack-imgs > img {
  position: absolute;
}

.tl-stack-imgs > img:nth-child(1) {
  width: 21.333vw;
  height: 21.333vw;
  background-color: #e49f9f;
  border-radius: 3.2vw;
  z-index: 3;
}

.tl-stack-imgs > img:nth-child(2) {
  bottom: 0;
  left: 7.733vw;
  width: 18.933vw;
  height: 18.933vw;
  background-color: #e49f9f;
  border-radius: 3.2vw;
  z-index: 2;
}

.tl-stack-imgs > img:nth-child(3) {
  bottom: 0;
  right: 0;
  width: 15.733vw;
  height: 15.733vw;
  background-color: #e49f9f;
  border-radius: 3.2vw;
  z-index: 1;
}

.tl-main {
  margin-left: 4.267vw;
  flex-direction: column;
  justify-content: space-between;
  width: 64vw;
  height: 21.333vw;
}

.tli-name {
  width: 58vw;
}

.tlm-num {
  color: #0f89c7;
  font-weight: bold;
}

.tlm-des {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.banner-w {
  width: 100%;
  z-index: -1;
}

.banner-w > img {
  display: block;
  width: 100%;
  height: 70vw;
  background-color: #fff;
  border: none;
  outline: none;
}

.bw-grad {
  top: 0;
  height: 105.333vw;
  width: 100%;
  background-image: linear-gradient(
          180deg,
          rgba(26, 44, 105, 0.9) 0%,
          #fff 70%,
          #ffffff 100%
  );
}

.td-title {
  line-height: 12vw;
}

.td-sub-info {
  padding: 2.667vw 0;
  height: 17.067vw;
  background-color: #eff8ff;
  border-radius: 1.067vw;
}

.td-si {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
}

.td-des {
  margin-top: 2.667vw;
  line-height: 6.4vw;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-align: justify;
}

.td-tags {
  margin-top: 2.667vw;
}

.td-tags > a {
  display: inline-block;
  max-width: 31.11vw;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 3.2vw;
  padding: 0 4.267vw;
  line-height: 8.533vw;
  background-color: #f5f5f5;
  border-radius: 1.067vw;
  color: #0f89c7;
}

.td-recmmend {
}

.tdr-img {
  width: 21.333vw;
  height: 21.333vw;
  background-color: #d8d8d8;
  border-radius: 3.2vw;
  border: solid 0.267vw #f5f5f5;
}

.tdr-main {
  flex-direction: column;
  flex: 1;
  margin-left: 4.267vw;
}

.tdr-main-head {
  flex: 1;
  justify-content: space-between;
}

.tdr-main-title {
  height: 6.667vw;
}

.tdr-main-score {
  align-items: center;
  color: #ff761c;
  height: 6.667vw;
}

.cff761c {
  color: #ff761c;
}

.tdr-main-star {
  margin-left: 1.067vw;
  width: 4.267vw;
  height: 4vw;
  background: url('../../images/img_star_big.png') no-repeat center;
  background-size: 100%;
}

.tdr-main-body > div {
  margin-top: 2.667vw;
}

.sep {
  margin: 0 1.333vw;
  display: inline-block;
  width: 0.533vw;
  height: 2.667vw;
  background-color: #979797;
}

.td-dl-btn {
  display: block;
  line-height: 11.733vw;
  background-image: linear-gradient(90deg, #64c8f7 0%, #526ef9 100%);
  border-radius: 1.067vw;
}

.td-apps {
  margin-top: 8vw;
}

.td-apps > a {
  display: flex;
}

.td-apps > a:not(:first-child) {
  margin-top: 8vw;
}

.max20 {
  overflow: hidden;
  max-height: 440vw;
}

.td-app-index {
  width: 6.667vw;
  line-height: 14.4vw;
}

.td-app-img {
  width: 14.4vw;
  height: 14.4vw;
  background-color: #d8d8d8;
  border-radius: 3.2vw;
}

.td-app-middle {
  flex-direction: column;
  justify-content: space-between;
  margin-left: 4.267vw;
  flex: 1;
}

.td-app-name {
  overflow: hidden;
  white-space: nowrap;
  width: 49vw;
}

.td-app-star {
  margin-left: 1.067vw;
  display: inline-block;
  width: 3.2vw;
  height: 2.933vw;
  background: url('../../images/img_star_small.png') center no-repeat;
  background-size: 100%;
}

.td-app-btn {
  display: block;
  width: 16vw;
  line-height: 8vw;
  background-image: linear-gradient(90deg, #64c8f7 0%, #526ef9 100%);
  border-radius: 1.067vw;
}

.xgjc-list {
}

.xgjc-list > a {
  display: block;
  margin-bottom: 4vw;
  /* display: flex;
  align-items: center; */
  color: #2b2d30;
  width: 89vw;
  overflow: hidden;
  white-space: nowrap;
}

.dot {
  position: relative;
  top: -0.4vw;
  display: inline-block;
  width: 1.6vw;
  height: 1.6vw;
  background-color: #333333;
  border-radius: 50%;
  margin-right: 1.867vw;
}

/* .xgjc-list > a::before {
  margin-right: 1.867vw;
  display: block;
  content: '';
  width: 1.6vw;
  height: 1.6vw;
  background-color: #333333;
  border-radius: 50%;
} */

.rd-main {
  min-height: 148.267vw;
}

.rd-main-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 148.267vw;
  background-image: linear-gradient(
          0deg,
          #ffffff 0%,
          #adf0f2 32%,
          #3180d6 100%
  );
  z-index: -1;
}

.rd-main-title {
  margin-top: 6.4vw;
}

.rd-main-des {
  line-height: 6.4vw;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-align: justify;
}

.rd-top3-list {
  align-items: flex-end;
}

.rd-top3-item {
  padding-top: 5.333vw;
  width: 26.933vw;
  height: 49.6vw;
}

.rd-top3-item:nth-child(2) {
  width: 32vw;
  height: 60vw;
}

.rti-bg {
  bottom: 0;
  width: 100%;
  height: 40.8vw;
  background-image: linear-gradient(180deg, #9f7c65 0%, #1d140e 98%);
  border-radius: 2.133vw;
  z-index: -1;
}

.rd-top3-item:nth-child(2) .rti-bg {
  height: 48.533vw;
  background-image: linear-gradient(180deg, #73c4e1 0%, #15508c 100%);
}

.rd-top3-item:nth-child(3) .rti-bg {
  background-image: linear-gradient(180deg, #bc788a 0%, #430f0f 100%);
}

.rti-main {
  flex-direction: column;
}

.rti-avatar-w {
  width: 18.133vw;
  height: 18.133vw;
}

.rd-top3-item:nth-child(2) .rti-avatar-w {
  width: 20.8vw;
  height: 20.8vw;
}

.rti-avatar-w > img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 4vw;
}

.top-icon {
  top: -5vw;
  right: -4vw;
  width: 9.067vw;
  height: 8.8vw;
  background: url('../../images/img2.png') center no-repeat;
  background-size: 100%;
}

.rd-top3-item:nth-child(2) .top-icon {
  width: 10.4vw;
  height: 9.867vw;
  background: url('../../images/img1.png') center no-repeat;
  background-size: 100%;
}

.rd-top3-item:nth-child(3) .top-icon {
  background: url('../../images/img3.png') center no-repeat;
  background-size: 100%;
}

.rti-main-name.f14 {
  width: 24.33vw;
}

.rti-main-name.f16 {
  width: 27.33vw;
}

.rti-main-size {
  margin-top: 1.333vw;
  color: rgba(255, 255, 255, 0.6);
}

.rti-main-btn {
  display: block;
  width: 18.667vw;
  line-height: 8vw;
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 5vw;
  color: #ffffff;
}

.rd-top3-item:nth-child(2) .rti-main-btn {
  width: 21.333vw;
  line-height: 9.333vw;
}

.search-head {
  height: 11.733vw;
}

.back-btn {
  width: 14.667vw;
  height: 100%;
  background: url('../../images/icon_back.png') center no-repeat;
  background-size: 50%;
}

.search-w {
  flex: 1;
  height: 8vw;
  background-color: #f2f2f2;
  border-radius: 4.8vw;
}

.search-inp {
  margin-right: 2.667vw;
  flex: 1;
  background-color: transparent;
}

.search-btn {
  width: 15.467vw;
  line-height: 11.733vw;
  color: #0f89c7;
}

.search-main {
  padding-top: 5.333vw;
  background-color: #f2f2f2;
}

.hot-search-list {
  flex-wrap: wrap;
  justify-content: space-between;
}

.hot-search-list > a {
  display: flex;
  margin-bottom: 5.333vw;
  /* width: 50%; */
  width: 38vw;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.new-icon {
  margin-left: 2.667vw;
  display: block;
  width: 4.533vw;
  height: 4.533vw;
  background-color: #ef7619;
  border-radius: 0.533vw;
  font-size: 3.2vw;
  color: #ffffff;
}

.hot-icon {
  margin-left: 2.667vw;
  display: block;
  width: 4.533vw;
  height: 4.533vw;
  background-color: #e3190d;
  border-radius: 0.533vw;
  font-size: 3.2vw;
  color: #ffffff;
}

.cnxs-list {
  overflow: auto;
}

.cl-item {
  flex-direction: column;
  width: 17.6vw;
}

.cl-item:first-child {
  margin-left: 4.267vw;
}

.cl-item:not(:first-child) {
  margin-left: 7.2vw;
}

.app-item-img {
  width: 17.6vw;
  height: 17.6vw;
  background-color: #d8d8d8;
  border-radius: 3.2vw;
}

.app-item-name {
  width: 17.6vw;
  margin-top: 2.133vw;
}

.cnxs-tags {
  flex-wrap: wrap;
}

.cnxs-tags > a {
  margin-bottom: 2.667vw;
  overflow: hidden;
  white-space: nowrap;
  width: 20.8vw;
  line-height: 9.067vw;
  background-color: #e6e6e6;
  border-radius: 1.067vw;
  color: #333;
}

.cnxh-list {
  flex-wrap: wrap;
}

.cnxh-list > .phbz-item {
  margin-bottom: 2.667vw;
}

.cnxh-list > .phbz-item:nth-child(4n + 1) {
  background-image: linear-gradient(180deg, #91ac83 0%, #1e5b6c 100%);
}
.cnxh-list > .phbz-item:nth-child(4n + 2) {
  background-image: linear-gradient(180deg, #c7969c 0%, #742931 100%);
}
.cnxh-list > .phbz-item:nth-child(4n + 3) {
  background-image: linear-gradient(180deg, #988a82 0%, #936a55 100%);
}
.cnxh-list > .phbz-item:nth-child(4n + 4) {
  background-image: linear-gradient(180deg, #6b7189 0%, #42616e 100%);
}

.cnxh-cards {
  flex-wrap: wrap;
}

.cnxh-cards > a {
  margin-bottom: 2.667vw;
  position: relative;
  box-sizing: border-box;
  padding: 4vw 3.2vw 3.2vw 4vw;
  width: 44.533vw;
  height: 22.933vw;
  border-radius: 1.067vw;
}

.cnxh-cards > a:nth-child(6n + 1) {
  background-image: linear-gradient(90deg, #54a3c7 0%, #248dc5 100%);
}
.cnxh-cards > a:nth-child(6n + 2) {
  background-image: linear-gradient(90deg, #65ce8d 0%, #17a2a8 100%);
}
.cnxh-cards > a:nth-child(6n + 3) {
  background-image: linear-gradient(90deg, #896fb8 0%, #521a75 100%);
}
.cnxh-cards > a:nth-child(6n + 4) {
  background-image: linear-gradient(90deg, #58b1c7 0%, #2864c2 100%);
}
.cnxh-cards > a:nth-child(6n + 5) {
  background-image: linear-gradient(90deg, #7290c6 0%, #5a6fb1 100%);
}
.cnxh-cards > a:nth-child(6n + 6) {
  background-image: linear-gradient(87deg, #a5724c 0%, #6a3928 100%);
}

.cnxh-cards-imgs {
  right: 3.2vw;
  bottom: 3.2vw;
  height: 8vw;
}

.cnxh-cards-imgs > img {
  position: absolute;
  width: 8vw;
  height: 8vw;
  border-radius: 50%;
  border: solid 1px #fff;
}

.cnxh-cards-imgs > img:nth-child(1) {
  right: 0;
}
.cnxh-cards-imgs > img:nth-child(2) {
  right: 4vw;
}
.cnxh-cards-imgs > img:nth-child(3) {
  right: 8vw;
}
.cnxh-cards-imgs > img:nth-child(4) {
  right: 12vw;
}

.search-tab-head {
}

.search-tab-head > a {
  flex: 1;
  color: #666;
  line-height: 10.667vw;
}

.search-tab-head > a.cur {
  color: #0f89c7;
  font-weight: bold;
}

.search-tab-head > a.cur::after {
  content: '';
  display: block;
  margin: 0 auto;
  width: 4.8vw;
  height: 0.8vw;
  background-color: #0f89c7;
  border-radius: 4vw;
}

.app-list-searchmain {
  margin-top: 0;
}

.app-list-searchmain .app-img {
  width: 17.333vw;
  height: 17.333vw;
  background-color: #d8d8d8;
  border-radius: 3.2vw;
}

.search-img-list {
  /* overflow: auto; */
}

.search-img-list > img {
  margin-right: 2.667vw;
  width: 29.067vw;
  height: 53.6vw;
  background-color: #d8d8d8;
  border-radius: 1.067vw;
}

.app-list-searchapp > a:first-child .app-img {
  align-self: flex-start;
}

.app-list-searchapp > a:first-child .app-main {
  padding-top: 0;
}

.app-list-searchapp > .app-item:not(:last-child) .app-main {
  border-bottom: none;
}

.zxgl-list {
  flex-direction: column;
}

.zxgl-list > a {
  display: flex;
}

.zxgl-list > a:not(:last-child) {
  margin-bottom: 8vw;
}

.zxgl-list-l {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.zxgl-ll-des {
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.zxgl-l-img {
  margin-left: 6.133vw;
  width: 32vw;
  height: 18.667vw;
  background-color: #d8d8d8;
  border-radius: 1.067vw;
}

.bottom-links {
  flex-wrap: wrap;
  padding: 2.667vw 0;
}

.bottom-links > a {
  color: #333;
  width: 20%;
  line-height: 9.6vw;
}

.botton-tab {
  line-height: 16vw;
}

.botton-tab > a {
  flex: 1;
  color: #666;
}

.app-h-list {
  flex-wrap: wrap;
}

.app-h-list > a {
  margin: 0 7vw 2.667vw 0;
}

.app-h-list > a:nth-child(4n + 4) {
  margin-right: 0;
}

.ahl-img {
  width: 17.6vw;
  height: 17.6vw;
  background-color: #d8d8d8;
  border-radius: 3.2vw;
}

.ahl-name {
  width: 17.6vw;
  margin-top: 2.133vw;
}

.zxgl-ll-tag {
  margin-left: 2.133vw;
  color: #0f89c7;
}

.no-result {
  background-color: #f5f5f5;
}

.no-result-tip {
  flex-direction: column;
  height: 60vw;
  justify-content: center;
  align-items: center;
}

.no-result-img {
  width: 54.133vw;
  height: 29.6vw;
  background: url('../../images/img_nosearch.png') center no-repeat;
  background-size: 100%;
}

.float-btns {
  right: 4vw;
  bottom: 20vw;
  height: 22vw;
}

.fb-item-top {
  background: url('../../images/back-top.png') center no-repeat;
  background-size: 6vw;
}

.fb-item {
  display: block;
  width: 9.6vw;
  height: 9.6vw;
  line-height: 9.6vw;
  background-color: rgba(0, 0, 0, 0.62);
  box-shadow: 0px 0.533vw 1.067vw 0px rgba(0, 0, 0, 0.1),
  0px 0.533vw 1.067vw 0px rgba(0, 0, 0, 0.16);
  border: solid 1px rgba(142, 142, 142, 0.57);
  border-radius: 50%;
  color: #fff;
}

.fb-item:not(:first-child) {
  margin-top: 2.667vw;
}

.platform-types {
  border-bottom: 1px solid #eee;
}

.platform-types > a {
  /* flex: 1; */
  width: 33.33%;
  color: #666;
  line-height: 10.667vw;
}

.platform-types > a.cur {
  font-weight: bold;
}

.platform-types > a.cur::after {
  display: block;
  margin: 0 auto;
  content: '';
  width: 8vw;
  height: 0.8vw;
  background-color: #3986d9;
  border-radius: 0.8vw;
}

.limit17 {
  overflow: hidden;
  max-height: 305.8vw;
}

.down-rec {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
}

.dr-main {
  padding: 5.333vw;
  width: 100%;
  height: 58.4vw;
  background-color: #ffffff;
  border-radius: 2.667vw;
}

.dr-close {
  margin: 8vw auto 0;
  width: 9.6vw;
  height: 9.6vw;
  background: url('../../images/icon_close.png') no-repeat center;
  background-size: 100%;
}

.rel-apps {
  margin-top: 5.333vw;
  justify-content: space-between;
}

.ra-item {
  width: 14.4vw;
}

.ra-img {
  display: block;
  width: 14.4vw;
  height: 14.4vw;
  background-color: #d8d8d8;
  border-radius: 2.667vw;
}

.icon-choose {
  right: 0;
  bottom: 0;
  width: 4.8vw;
  height: 4.8vw;
  background: url('../../images/icon_unchoose.png') no-repeat center;
  background-size: 100%;
}

.icon-choose.choosed {
  background: url('../../images/icon_choose.png') no-repeat center;
  background-size: 100%;
}

.ra-name {
  margin-top: 2.667vw;
}

.ra-dl-btn,
.pass-btn {
  margin-top: 4.267vw;
  line-height: 11.733vw;
  background-image: linear-gradient(90deg, #64c8f7 0%, #526ef9 100%);
  border-radius: 1.067vw;
}

.dr-iframe {
  width: 84vw;
  height: 49vw;
}

.dr-w {
  width: 100%;
}

.fixed-bottom-ad {
  bottom: 0;
  left: 0;
  width: 100%;
}


.message-list a {
  display: block;
  font-size: .875rem;
  font-weight: 400;
  color: #666666;
  margin-bottom: .3125rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
  padding-left: 10px;
  line-height: 24px;
}
.message-list a:active {
  color: #2E8AE6;
}
.message-list a::before {
  position: absolute;
  left: 0;
  top: 25%;
  content: ' ';
  width: 2px;
  height: 12px;
  background-color: #666666;
}
